<%@ include file="../confHeader.jsp" %>
<%@ include file="../mensagens.jsp" %>
<html>
<head>
	
</head>
<body>

 <html:javascript formName="OrcamentoForm" />  
 <html:form  action="orcamentoAction.do?method=adicionarProdutoEmOrc" method="POST" onsubmit="return true;"> 	
    <html:hidden property="idOrcamento" />
  	<div class='pageForm'>
  	 
      <div class='formTitle'>      	      
	      	<bean:message key="orcamento.cadProdutoEmOrc"/> 
      </div>       
      
       	
	       	<bean:define id="orcamentoAtual" name="to" scope="session" toScope="session"/>
      
      	<div class='formField' align="top" >
           <a href="javascript:visualizarOrcamento();" >
            <label><bean:message key="orcamento.entity"/></label>
            - (
	      	<bean:message key="orcamento.codigo"/> ${el:write('orcamentoAtual.idOrcamento',pageContext)},
			&nbsp;<bean:message key="fornecedor.entity"/>: &nbsp;${el:write('orcamentoAtual.fornecedor.nome',pageContext)},
			&nbsp; <bean:message key="orcamento.dtLevantamentoPreco"/>: ${el:write('orcamentoAtual.dtOrcamento',pageContext)},
			&nbsp; <bean:message key="orcamento.num.produtos.cadastrados"/>: ${el:write('to.numProdutosCadastrados',pageContext)}
			)
			</a>
        </div>   
      
        <div class='formField'>
            <label><bean:message key="orcamento.produto.nome"/></label>
            <html:text  property="nomeProduto" size="20" maxlength="255"  />
        </div>   
 
        <div class='formField'>
            <label><bean:message key="orcamento.produto.descr"/></label>    <br>         
           	  <html:textarea    property="descricaoProduto" rows="7" cols="60"  onkeypress="javascript:limitLength(this,500)" 
               onkeyup="javascript:limitLength(this,500)" />	      
        </div>
        
        	${el:defineAllSearchResultsAsList('to.searcher', 'request', pageContext)}
        	<table><tr><td>
	        	<div class='formField'>
	            <label><bean:message key="grupo.entity"/></label>            
	             	<html:select  property="idGrupoProduto" onchange="javascript:listaSubGrupos()" >
						<html:option value=""></html:option>						
						<logic:present name="grupoList" >						
						<logic:iterate name="grupoList" id="grupo" >
							<html:option value="${grupo.idGrupo}" >${el:write(grupo.idGrupo,pageContext)}- ${el:write('grupo.nome',pageContext)}</html:option>
						</logic:iterate>	
						</logic:present>
					</html:select>
	        </div>       
		  </td>
		  <td><div class='formField' id='subgrupo'  >
            <label><bean:message key="subgrupo.entity"/></label>            
             	<html:select  property="idSubGrupoProduto" >
					<html:option value=""></html:option>	
					<logic:present name="subgrupoList">			
						<logic:iterate name="subgrupoList" id="grupo" >
							<html:option value="${grupo.idGrupo}" >${el:write(grupo.idGrupo,pageContext)}- ${el:write('grupo.nome',pageContext)}</html:option>
						</logic:iterate>	
					</logic:present>
				</html:select>
            
        </div>
       	</td> </tr> </table>
        
  	 	
         
        
        <hr size="1">
           <div class='formButton'>  
             <a onclick="javascript:limpa();" class="linkButton">  <bean:message key="app.button.reset"/></a>
      		 &nbsp;
		     <a onclick="javascript:consultar();" class="linkButton">  <bean:message key="app.button.find"/></a>
          </div>
      
              
		
    <logic:equal value="true"  name="to"   property="showSearchResults" >
    <br>		
       <div class='listTitle'>  			
  			<bean:message key="orcamento.produtos.disponiveis.list"/>
      </div>   
        <hr size="1">      
        	<!--  Resultado da Busca -->
            <div class='pageList'>
                <table cellspacing='0' >
                    <tbody>
		           <logic:present name="produtosList">
			            <logic:empty name="produtosList">
								<bean:message key="app.list.empty"/>
			            </logic:empty>
        			      <logic:notEmpty name="produtosList">
        			       <tr class='thead'>	
		                        <td width="10%"><bean:message key="orcamento.produto.nome"/></td>
		                          <td width="20%"><bean:message key="orcamento.produto.descr"/></td>
		                          <td width="15%"><bean:message key="grupo.entity"/></td>
		                         <td width="10%"><bean:message key="subgrupo.entity"/></td>                             
		                         <td colspan="1" ><bean:message key="app.label.actions"/></td>	
		                    </tr> 		                     
							<logic:iterate name='produtosList'  id="bean"  indexId="index" >	
								 <html:hidden property="idProduto"  value="${bean.idEspecProduto}"/>								
 							   <tr  class="${(index%2!=0)? 'shade' : ''}" onmouseover="this.className='mouseOver';" onmouseout="this.className='${(index%2!=0)? 'shade' : ''}'" >    
	                              <td width="10%">
                              		 <a href="javascript:detalharProduto('${bean.idEspecProduto}');"> ${el:write('bean.nome',pageContext)} </a>
	                              </td>
	                      		<td width="20%">${el:write('bean.descricao',pageContext)}</td>
	                             <td width="15%">${el:write('bean.subgrupo.pai.nome',pageContext)}</td>
	                             <td width="10%">${el:write('bean.subgrupo.nome',pageContext)}</td>	 
	                             <td width="1%" align="center" >		                         
		                            <span id="AdicionarProdutoLink${index}" > <html:img  
		                             	onclick="javascript:openPopUp('AdicionarProdutoPopUp${index}');"
		                             	 src='${contexto}/pages/images/carrinho.gif' titleKey="app.button.add" />
		                             	 </span>
		                             	 
		                             <app:popup id="AdicionarProdutoPopUp${index}" parentID="AdicionarProdutoLink${index}" 
		                             		titulo="${el:write('bean.nome',pageContext)}" width="200" height="150" >	                             
	               				             <div class='formField'>
										            <label><bean:message key="orcamento.produto.quantidade"/></label>    <br>         
										       		<html:text  property="quantidadeProduto"  value="" size="20" maxlength="20"  />
										      </div>
									         <div class='formField'>
									            <label><bean:message key="orcamento.produto.preco"/> - <bean:message key="patterns.monetary.symbol" /></label>    <br> 
 	                				             	<html:text  property="precoProduto" value="" size="20" maxlength="20"  />
  	                				         </div>   
  	                				          <hr size="1">
									           <div class='formButton'>  
											      <a onclick="javascript:adicionarProduto('${index}');" class="linkButton">  <bean:message key="app.button.add"/></a>										       
									          </div>
		                             </app:popup>
	                             </td>
	                            
							</logic:iterate>
						</logic:notEmpty>
					</logic:present>                        
                    </tbody>     
                </table>      
            </div>
        </logic:equal>
		
         
    </div>
    </html:form>

<script type="text/javascript">
 // <!--  
    Mascara.adiciona(document.OrcamentoForm.precoProduto,'<bean:message key="mask.double.positivo"/>');
    Mascara.adiciona(document.OrcamentoForm.quantidadeProduto,'<bean:message key="mask.double.positivo"/>');
    
  var action= '<html:rewrite page="/orcamentoAction.do"/>';
  var nForm =  'OrcamentoForm';
 
  function consultar(){
	  if(validaCriterio()){
		   executeForm(nForm, action, 'consultarProduto');
	  }
  }
  
 function validaCriterio(){	   
 	var form = document.forms[nForm];  

	if(blankOrNull(form.nomeProduto) 
		&&  blankOrNull(form.descricaoProduto)
		&&  form.idGrupoProduto.selectedIndex == 0
		&&  form.idSubGrupoProduto.selectedIndex == 0)
		{		
		alert('<bean:message key="app.validation.select.criteria"/>');
		return false;
		
	};
	return true;
 }
 
  function detalharProduto(id){	 
     document.forms[nForm].idProduto.value = id;      
	 executeForm(nForm, action, 'detalharProduto');
  }
  
    
  function adicionarProduto(index){  
	  var   idProduto = document.getElementsByName("idProduto");
 	  var   precoProduto = document.getElementsByName("precoProduto");
  	  var   quantidadeProduto = document.getElementsByName("quantidadeProduto");  	  
  	 
  	 	if(index >=0 && index < idProduto.length){    	 	
		     idProduto[0].value = idProduto[index].value; 
		     precoProduto[0].value = precoProduto[index].value; 
			 quantidadeProduto[0].value = quantidadeProduto[index].value; 
			 if(isZeroValue( quantidadeProduto[0].value) ){
				 alert('<bean:message key="errors.required" arg0="" />' + '<bean:message key="orcamento.produto.quantidade"  />');	
				 quantidadeProduto[index].focus();
				 return;
			 }
			 if(isZeroValue(precoProduto[0].value) ){
			 	 alert('<bean:message key="errors.required" arg0="" />' + '<bean:message key="orcamento.produto.preco" />');	
			 	 precoProduto[index].focus();
				 return;
			 }
  	 		 executeForm(nForm, action, 'adicionarProdutoEmOrc');
  	 	}
  }  
 
  function limpa(){
  	var form =    document.forms[nForm];  	
  	form.nomeProduto.value = "";
 	form.descricaoProduto.value = "";
	form.idGrupoProduto.selectedIndex = 0;
	form.idSubGrupoProduto.selectedIndex = 0;
  }
  
   function visualizarOrcamento(){
    	executeForm(nForm, action, 'goDetalhar');
   }
   
   function listaSubGrupos(){
 	 showSubgrupo();
	 if(document.forms[nForm].idGrupoProduto.selectedIndex != 0){
 		 recallForm(nForm);
 		  executeForm(nForm, action, 'listaSubGrupos');
 	 }else{
		 DHTMLUtil.hideElement('subgrupo'); 
		document.forms[nForm].idSubGrupoProduto.selectedIndex  = 0;  	
 	 }
  }

	function showSubgrupo(){
		 var show = false; 
		<logic:present name="subgrupoList" > show = true ;</logic:present>
		 if(show){
			 DHTMLUtil.showElement('subgrupo');    
		 }else{	 
			 DHTMLUtil.hideElement('subgrupo'); 
			document.forms[nForm].idSubGrupoProduto.selectedIndex  = 0;  
		 }
 	}showSubgrupo(); 	
  
  //-->
</script>   

</body>
</html>
